@media (max-width:1200px){
    .box{
        width: 95%;
    }
    .head ul{
        width: 67%;
    }
    .p1 {
        font-size: 28px;
        margin: 0;
        margin-top: 15px;
    }
    .cp, .cp11, .cp22, .cp33, .cp44{
        width: 18%;
        background-size: 100% 100%;
    }
    .about img{
        width: 32%;
        margin-top: 16%;
    }
    .cpcp{
        background: url(../images/lan.jpg) center center no-repeat;
    }
    .Box .content{
        width: 100%;
    }
    .Box .Box_con .btnl{
        display: none;
    }
    .Box .Box_con .btnr{
        display: none;
    }
    .fod{
        margin-top: 7%;
    }
    .abou img{
        width: 100%;
    }
    .prolist_img img{
        width: 100%;
    }
    .prolist_img{
        margin-top: 4%;
    }
    .prolist_r h3 span, .prolist1_l h3 span{
        font-size: 66px;
    }
    .nright{
        display: none;
    }
    .nleft{
        width: 100%;
    }
    .li{
        width: 100%;
    overflow-x: scroll;
    }
    .cases{
        margin-left: 0;
    }
    .casesd{
        height: 260px;
    }
    .casesd img{
        width: 100%;
    }
    .la{
        margin-left: 45%;
    }
    .fhh{
        display: none;
    }
    .fh{
        display: none;
    }
    .ly{
        display:none;
    }
}
@media (max-width:900px){
    .l{
        display: none;
    }
    .r{
        display: none;
    }
    .z{
        width: 100%;
    }
    .bottom_bottom{
        display: block;
        position: sticky;
        bottom: -2px;
        left: 0;
        width: 100%;
        background:#0385ea;
        display: block;
        z-index: 999;
    }
    .bottom_bottom nav{
       display: flex;
       justify-content: space-between;
    }
    .bottom_bottom nav a{
        padding: 12px 17px;
        color: #fff;
        text-decoration: none;
    }
    .head{
        background: #fff;
        margin-top: 3%;
    }
    .head ul{
        width: 62%;
    }
    .l{
        background-size: 100% 100%;
    }
    .r{
        background-size: 100% 100%;
    }
    .p1{
        font-size: 22px;
        margin-top: 24px;
    }
    .cp, .cp11, .cp22, .cp33, .cp44{
        width: 31%;
    }
    .xll{
        display: flex;
        flex-direction:row-reverse;
        flex-wrap:wrap;
        justify-content:center;
    }
    .cp33,.cp44{
        margin-top: 3%;
    }
    .about img{
        display: none;
    }
    .abd{
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
    .about{
        height: 400px;
    }
    .abdp2{
        margin-top: 10px;
    }
    .about a{
        margin-top: 20px;
    }
    .cpd a{
        width: 12%;
    }
    #banner img {
        width: 131%;
        margin-left: -16%;
    }
    .hh{
        position: relative;
    }
    .head ul{
        width: 100%;
    }/*
    .head img{
        margin-left: 32%;
    }*/
	.tmid{ display:none;}
    .prolist_img{
        width: 100%;
    }
    .prolist_r{
        width: 100%;
    }
    .prolist_imgg{
        width: 100%;
    }
    .prolist_rr{
        width: 100%;
    }
    .pro_tel p{
        margin-left: 10%;
        font-size: 23px;
    }
    .pro_tel p strong{
        font-size: 23px;
    }
    .il{
        width: 80px;
    }
    .casesd{
        height: 220px;
    }
    .lxwmd{
        width: 90%;
    }
}
@media (max-width:700px){
    .suspension{
        display:none;
    }
    .l{
        display: none;
    }
    .r{
        display: none;
    }
    .z{
        width: 100%;
    }
    .new{
        height: 564px;
    }
    .form{
        display: none;
    }
    .ff {
        width: 21%;
        float: left;
        margin-left: 7%;
        margin-top: 30px;
    }
	.tel,.top1{ display:none;}
	.logo{ width:100%; text-align:center; float:none;}
}
@media (max-width:500px){
    .head img{ margin-top:0;}
	.biaoti{
        font-size:20px;
    }
    .ban_info b{
        font-size:18px;
        margin-bottom: 13px;
    }
    .ban_info p.ban_ico a{
        font-size:12px;
    }
    .ban_info{
        width: 94%;
    margin-right: 3%;
        padding:20px;
    }
    .fh{
        display: none;
    }
    .fhh{
        display: none;
    }
    .case{
        margin-top: 20px;
    }
    .aa{
        margin-top: 20px;
    }
    .news{
        margin-top: 30px;
    }
    .cpp1{
        font-size: 28px;
        margin-top: 44px;
    }
    .cpp2{
        display: none;
    }

    .new{
        background: #fff;
    }
    .about{
        display: none;
    }
    .xl{
        display: none;
    }
    .head img{
        margin-left: 15%;
    }
    .head ul li{
        width: 24%;
        height: 50px;
        line-height: 50px;
    }
    .head ul li:nth-child(1){
        margin-left: 0;
    }
    .l{
        display: none;
    }
    .r{
        display: none;
    }
    .z{
        width: 100%;
    }
    .cp, .cp11, .cp22, .cp33, .cp44 {
        width: 48%;
    }
    .xl{
        margin-top: 0;
    }
    .cp22,.cp33, .cp44 {
        margin-top: 3%;
    }
    .abdp1{
        font-size: 26px;
        text-align: center;
    }
    .product{
        margin-top: 0;
    }
    .prodd{
        width: 48%;
    }
    .cpd a{
        width: 26%;
        margin-bottom: 2%;
        font-size: 12px;
    }
    .cpd{
        margin-left: 12%;
        display: flex;
        flex-direction:row-reverse;
        flex-wrap:wrap;
        justify-content:center;
    }
    .Box .Box_con .conbox ul li{
        width: 11%;
    }
    .Box .ar{
        margin-left: 36%;
    }
    .newa{
        width: 93%;
    }
    .new{
        height: 950px;
        border: 5px solid #0385ea;
    }
    .ff {
        width: 44%;
        float: left;
        margin-left: 29%;
        margin-top: 28px;
    }
    .ne{
        margin-top: 20px;
    }
    .form a{
        margin-top: 2%;
        width: 33%;
    }
    .foimg{
        width: 58%;
        margin-left: 31%;
        border-right: 0;
        margin-bottom: 0;
    }
    .fod{
        width: 95%;
        text-align: center;
    }
    .ser_box3 li{
        width: 100%;
        margin-top: 3%;
    }
    .service ul li{
        width: 43%;
    }
    .nb img {
        width: 126%;
        margin-left: -22%;
    }
    .box2{
        display: none;
    }
    .nylb{
        width: 100%;
    }
    .gallery-top img{
        height: 335px;
    }
    .gallery-top{
        height: 335px;
        margin-left: 10%;
    }
    .gallery-thumbs{
        height: 100px;
        margin-left: 10%;
    }
    .syp{
        width: 100%;
    }
    .xyp{
        width: 100%;
    }
    .tjcp_d{
        width: 48%;
    }
    .ndiv{
        width: 100%;
    }
    .news_p3{
        width: 100%;
    }
    .news_p2{
        width: 100%;
        text-align-last: left;
        text-indent: 0px;
    }
    .casesd{
        height: auto;
        width: 48%;
        margin-left: 2%;
    }
    .casesdd{
        width: 47%;
        margin-left: 3%;
    }
    .casesdd:nth-child(6){
        margin-left: 3%;
    }
    .ai img{
        width: 100%;
    }
    .lxwm {
        height: 450px;
        background: url(../images/service.jpg) center no-repeat;
    }
    .laaa{
        height: auto;
    }
    .head ul li:hover .lid{
        display: none;
    }
    .head ul li:hover .lidd {
        display: none;
    }
    .head ul li:hover .lid {
        display: none;
    }
    .navbar-default {
        background-color: #fff;
        border-color: #fff;
    }
    .navbar{
        display: block;
    }
    .head ul{
        display: none;
    }
    .head img{
        width: 50%;
        position: absolute;
        left: 0;
        top: 15px;
        z-index: 99;
    }
	.nav109{ display:none;}
    .head{
        height: auto;
    }
    .prolist{
        padding: 0;
    }
    .navbar-default .navbar-nav>li>a{
        text-align: center;
    }
    .ddiv{
        display: block;
    }
    .prolist_tj{
        display: none;
    }
    .tabpanel_divv{
        width: 46%;
    }
    .goods_dv p{
        width: 100%;
        overflow: hidden;
        height: 25px;
    }
    .nnav img{
        width: 100%;
    }
}